<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <header class="rel f14">
      <div>个人资料</div>
      <span class="iconfont icon-leftarrow abs" id="header-icon"></span>
    </header>
    <main>
      <div class="weui-cells">
        <a class="weui-cell weui-cell_access weui-cell_example" href="#">
          <span class="weui-cell__bd" id="js_cell_itl1_bd">
            <span>更换头像</span>
          </span>
          <label>
            <img
              src="../../assets/imgs/cat.jpg"
              alt="头像"
              id="avatarpic"
              style="
                width: 80px;
                display: block;
                border-radius: 50%;
                overflow: hidden;
                border: 2px solid #3e9cd6;
              "
            />
            <input type="file" id="headfile" />
          </label>
          <span class="weui-cell__ft" id="js_cell_itl1_ft"></span>
        </a>
        <!-- 昵称 -->
        <a class="weui-cell weui-cell_access weui-cell_example" href="#">
          <!-- <span class="weui-cell__hd" id="js_cell_itl1_hd" ><img
                src="#"
                alt="头像"
                style="width: 20px; margin-right: 16px; display: block"
            /></span> -->
          <span class="weui-cell__bd" id="js_cell_itl1_bd">
            <span>昵称</span>
          </span>
          <input type="text" class="weui-cell__ft nickTxt" id="js_cell_itl1_ft " style="border: none;"></input>
        </a>
        <!-- 性别 -->
        <div class="weui-cell weui-cell_access weui-cell_example" href="#">
          <span class="weui-cell__bd" id="js_cell_itl1_bd">
            <span>性别</span>
          </span>
          <div class="weui-cell__ft showPicker" id="js_cell_itl1_ft">
            请选择性别
          </div>
        </div>
        <!-- 生日 -->
        <a class="weui-cell weui-cell_access weui-cell_example" href="#">
          <span class="weui-cell__bd" id="js_cell_itl1_bd">
            <span>生日</span>
          </span>
          <span class="weui-cell__ft showBirthday" id="js_cell_itl1_ft"
            >请选择出生日期</span
          >
        </a>
        <!-- 省份 -->
        <a class="weui-cell weui-cell_access weui-cell_example" href="#">
          <span class="weui-cell__bd" id="js_cell_itl1_bd">
            <span>所在省份</span>
          </span>
          <span class="weui-cell__ft showProvince" id="js_cell_itl1_ft"
            >四川省</span
          >
        </a>
        <!-- 城市 -->
        <a class="weui-cell weui-cell_access weui-cell_example" href="#">
          <span class="weui-cell__bd" id="js_cell_itl1_bd">
            <span>所在城市</span>
          </span>
          <span class="weui-cell__ft showCity" id="js_cell_itl1_ft"
            >成都市</span
          >
        </a>
        <!-- 个人简介 -->
        <a class="weui-cell weui-cell_access weui-cell_example" href="#">
          <span class="weui-cell__bd" id="js_cell_itl1_bd">
            <span>个人简介</span>
          </span>
        </a>
        <div class="weui-form__control-area" style="padding: 0 15px 0 15px;">
          <div class="weui-cell__bd">
            <textarea
              class="weui-textarea"
              placeholder="多行输入"
              rows="3"
              id="numbox"
            ></textarea>
            <div role="option" aria-live="polite" class="weui-textarea-counter">
              <span id="innum">0</span>/140字
            </div>
          </div>
        </div>
      </div>
    </main>
    <div id="submit">提交</div>
  </body>
</html>
